<template>
	<div class="main">
		<!-- 内容展示区 -->
		<step-content1 v-show="active === 0" @handleNextStep="handleNextStep()">
			<el-card class="box-card">
				<template #header>
					<div class="card-header">
						<span><i class="el-icon-reading"></i> 审批入职申请</span><br /><br />
					</div>
				</template>
				<vxe-table
					ref="xTable"
					border
					show-overflow
					keep-source
					:import-config="{}"
					:export-config="{}"
					:data="demo1.tableData1"
					:edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }">
					<vxe-table-column type="checkbox" width="60"></vxe-table-column>
					<vxe-table-column type="seq" title="序号" width="60"></vxe-table-column>
					<vxe-table-column field="name" title="姓名" width="240"></vxe-table-column>
					<vxe-table-column field="sex" title="性别" width="240"></vxe-table-column>
					<vxe-table-column field="age" title="年龄" width="240"></vxe-table-column>
					<vxe-table-column field="date" title="申请日期" width="240"></vxe-table-column>
					<vxe-table-column title="操作" width="164">
						<template #default="">
							<el-button type="danger" @click="removeEvent" size="small">拒绝</el-button>
						</template>
					</vxe-table-column>
				</vxe-table>
				<div align="center" style="margin:20px 0 0 0 ">
					<el-button type="success" @click="open">背调</el-button>
				</div>
			</el-card>
		</step-content1>
		<step-content2 v-show="active === 1" @handleLastStep="handleLastStep()" @handleNextStep="handleNextStep()">
			<el-card class="box-card">
				<template #header>
					<div class="card-header">
						<span><i class="el-icon-circle-check"></i> 背景调查结果</span>
					</div>
				</template>
				<div>
					<el-table :data="tableData" style="width: 100%">
						<el-table-column type="expand">
							<template v-slot="props">
								<el-form label-position="left" inline class="demo-table-expand">
									<div>
										<el-form-item style="width: 100%">
											<span style="font-size: 14pt; color: #87cefa">工作经历</span>
											<Work />
										</el-form-item>
									</div>
									<div class="reprot">
										<el-form-item label="" style="width: 100%">
											<span style="font-size: 14pt; color: #87cefa">候选人基本信息</span>
										</el-form-item>
										<el-form-item label="候选人姓名：">
											<span>{{ props.row.name }}</span>
										</el-form-item>
										<el-form-item label="应聘职位：">
											<span>{{ props.row.job }}</span>
										</el-form-item>
										<el-form-item label="" style="width: 100%">
											<span style="font-size: 14pt; color: #87cefa">被咨询人基本信息</span>
										</el-form-item>
										<el-form-item label="被咨询人A姓名：">
											<span>{{ props.row.con1 }}</span>
										</el-form-item>
										<el-form-item label="所在公司：">
											<span>{{ props.row.company1 }}</span>
										</el-form-item>
										<el-form-item label="职务：">
											<span>{{ props.row.conjob1 }}</span>
										</el-form-item>
										<el-form-item label="联系电话：">
											<span>{{ props.row.conphone1 }}</span>
										</el-form-item>
										<el-form-item label="被咨询人B姓名：">
											<span>{{ props.row.con2 }}</span>
										</el-form-item>
										<el-form-item label="所在公司：">
											<span>{{ props.row.company2 }}</span>
										</el-form-item>
										<el-form-item label="职务：">
											<span>{{ props.row.conjob2 }}</span>
										</el-form-item>
										<el-form-item label="联系电话：">
											<span>{{ props.row.conphone2 }}</span>
										</el-form-item>
										<el-form-item label="" style="width: 100%">
											<span style="font-size: 14pt; color: #87cefa">背景调查问卷</span>
										</el-form-item>
										<el-form-item label="A的问卷结果：">
											<span>1.候选人在{{ props.row.company1 }}单位的确切工作时间：于{{ props.row.startdate1 }}至{{ props.row.enddate1 }}为止</span>
											<br />
											<span>2.候选人在贵单位从事的工作岗位名称为{{ props.row.job1 }}</span>
											<br />
											<span>3.候选人的工作表现情况：{{ props.row.perform1 }}</span>
											<br />
											<span>4.候选人离开公司的真实原因是{{ props.row.leave1 }}</span>
											<br />
											<span>5.候选人性格特征：{{ props.row.person1 }}</span>
											<br />
											<span>6.候选人与同事相处的关系{{ props.row.relation1 }}</span>
											<br />
											<span>7.候选人在公司任职期间有无不良记录：{{ props.row.bad1 }}</span>
										</el-form-item>
										<el-form-item label="B的问卷结果：">
											<span>1.候选人在{{ props.row.company2 }}单位的确切工作时间：于{{ props.row.startdate2 }}至{{ props.row.enddate2 }}为止</span>
											<br />
											<span>2.候选人在贵单位从事的工作岗位名称为{{ props.row.job2 }}</span>
											<br />
											<span>3.候选人的工作表现情况：{{ props.row.perform2 }}</span>
											<br />
											<span>4.候选人离开公司的真实原因是{{ props.row.leave2 }}</span>
											<br />
											<span>5.候选人性格特征：{{ props.row.person2 }}</span>
											<br />
											<span>6.候选人与同事相处的关系{{ props.row.relation2 }}</span>
											<br />
											<span>7.候选人在公司任职期间有无不良记录：{{ props.row.bad2 }}</span>
										</el-form-item>
										<el-form-item label="" style="width: 100%">
											<span style="font-size: 14pt; color: #87cefa">候选人360°背景调查报告</span>
										</el-form-item>
										<el-form-item label="指标">
											<span>可信度：{{ props.row.believe }}</span>
											<br />
											<span>忠诚度：{{ props.row.one }}</span>
											<br />
											<span>工作能力：{{ props.row.work }}</span>
											<br />
											<span>工作态度：{{ props.row.attitude }}</span>
										</el-form-item>
										<el-form-item label="总体评价结果：">
											<span>{{ props.row.result }}</span>
										</el-form-item>
										<el-form-item label="调查人签名：">
											<span>{{ props.row.sign }}</span>
										</el-form-item>
										<el-form-item label="调查日期：">
											<span>{{ props.row.date }}</span>
										</el-form-item>
										<el-form-item label="小结：" style="width: 100%">
											<span>{{ props.row.desc }}</span>
										</el-form-item>
									</div>
								</el-form>
							</template>
						</el-table-column>
						<el-table-column type="selection" width="55"></el-table-column>
						<el-table-column label="序号" type="index" :index="indexMethod"> </el-table-column>
						<el-table-column label="候选人姓名" prop="name"> </el-table-column>
						<el-table-column label="应聘职位" prop="job"> </el-table-column>
						<el-table-column label="背调结果" prop="desc" :show-overflow-tooltip="true"> </el-table-column>
						<el-table-column label="操作">
							<template v-slot="scope">
								<el-button @click="handleNextStep()" size="small" type="success"> 通过</el-button>
								<el-button @click="deleteRow(scope.$index, tableData)" size="small" type="danger"> 拒绝 </el-button>
							</template>
						</el-table-column>
					</el-table>
				</div>
			</el-card>
		</step-content2>
		<step-content3 v-show="active === 2" @handleLastStep="handleLastStep()" @handleNextStep="handleNextStep()">
			<el-card class="box-card">
				<template #header>
					<div class="card-header"><i class="el-icon-s-order"></i> <span>入职记录</span></div>
				</template>
				<vxe-table
					ref="yTable"
					border
					show-overflow
					keep-source
					:import-config="{}"
					:export-config="{}"
					:data="demo2.tableData1"
					:edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }"
				>
					<vxe-table-column type="checkbox" width="60"></vxe-table-column>
					<vxe-table-column type="seq" title="序号" width="60"></vxe-table-column>
					<vxe-table-column field="name" title="姓名" width="220"></vxe-table-column>
					<vxe-table-column field="sex" title="性别" width="220"></vxe-table-column>
					<vxe-table-column field="age" title="年龄" width="220"></vxe-table-column>
					<vxe-table-column field="passdate" title="批准日期" width="230"></vxe-table-column>
					<vxe-table-column title="操作" width="230">
						<template #default="">
							<el-button type="danger" @click="removeEvent1" size="small">删除纪录</el-button>
						</template>
					</vxe-table-column>
				</vxe-table>
			</el-card>
		</step-content3>
	</div>
</template>
<script lang="ts">
import Work from '/@/views/archives/component/Work.vue';
import { defineComponent, reactive, ref } from 'vue';
import { VxeTableInstance, VxeColumnPropTypes, VxeButtonEvents, VXETable } from 'vxe-table';
export default {
	components: { Work },
	name: 'entry',
	setup() {
		const demo1 = reactive({
			tableData1: [
				{ id: 10001, name: '王小虎', sex: '男', age: 28, date: '2021年2月09日', passdate: '2021年3月15日' },
				{ id: 10002, name: '赵润物', sex: '男', age: 22, date: '2021年2月15日', passdate: '2021年3月14日' },
				{ id: 10003, name: '陈守良', sex: '女', age: 32, date: '2021年2月18日', passdate: '2021年3月12日' },
				{ id: 10004, name: '吴忠生', sex: '男', age: 23, date: '2021年2月11日', passdate: '2021年3月12日' },
				{ id: 10005, name: '钱美玉', sex: '女', age: 30, date: '2021年2月18日', passdate: '2021年2月19日' },
				{ id: 10006, name: '刘湘', sex: '女', age: 25, date: '2021年3月01日', passdate: '2021年3月02日' },
				{ id: 10007, name: '李子仪', sex: '女', age: 29, date: '2021年2月12日', passdate: '2021年2月12日' },
				{ id: 10008, name: '张侃声', sex: '男 ', age: 35, date: '2021年2月17日', passdate: '2021年2月19日' },
			],
		});
		const demo2 = reactive({
			tableData1: [
				{ id: 10001, name: '王小虎', sex: '男', age: 28, date: '2021年2月09日', passdate: '2021年3月15日' },
				{ id: 10002, name: '赵润物', sex: '男', age: 22, date: '2021年2月15日', passdate: '2021年3月14日' },
				{ id: 10003, name: '陈守良', sex: '女', age: 32, date: '2021年2月18日', passdate: '2021年3月12日' },
				{ id: 10004, name: '吴忠生', sex: '男', age: 23, date: '2021年2月11日', passdate: '2021年3月12日' },
				{ id: 10005, name: '钱美玉', sex: '女', age: 30, date: '2021年2月18日', passdate: '2021年2月19日' },
				{ id: 10006, name: '刘湘', sex: '女', age: 25, date: '2021年3月01日', passdate: '2021年3月02日' },
				{ id: 10007, name: '李子仪', sex: '女', age: 29, date: '2021年2月12日', passdate: '2021年2月12日' },
				{ id: 10008, name: '张侃声', sex: '男 ', age: 35, date: '2021年2月17日', passdate: '2021年2月19日' },
			],
		});
		const xTable = ref({} as VxeTableInstance);
		const yTable = ref({} as VxeTableInstance);
		//插入
		const insertEvent = async () => {
			const $table = xTable.value;
			const record = {
				sex: '1',
			};
			const { row: newRow } = await $table.insert(record);
			$table.setActiveCell(newRow, 'sex');
		};

		//移除
		const removeEvent = () => {
			const $table = xTable.value;
			const selectRecords = $table.getCheckboxRecords();
			if (selectRecords.length) {
				VXETable.modal.confirm('您确定要拒绝选中的入职申请吗?').then((type) => {
					if (type === 'confirm') {
						$table.removeCheckboxRow();
					}
				});
			} else {
				VXETable.modal.message({ message: '请至少选择一条数据', status: 'error' });
			}
		};
		const removeEvent1 = () => {
			const $table = yTable.value;
			const selectRecords = $table.getCheckboxRecords();
			if (selectRecords.length) {
				VXETable.modal.confirm('您确定要拒绝选中的入职记录吗?').then((type) => {
					if (type === 'confirm') {
						$table.removeCheckboxRow();
					}
				});
			} else {
				VXETable.modal.message({ message: '请至少选择一条数据', status: 'error' });
			}
		};
		//背调
		const nextEvent = () => {
			const $table = xTable.value;
			const selectRecords = $table.getCheckboxRecords();
			if (selectRecords.length) {
				VXETable.modal.confirm('您确定要对选中的入职申请者进行背景调查吗?').then((type) => {});
			} else {
				VXETable.modal.message({ message: '请至少选择一条数据', status: 'error' });
			}
		};

		const formatterSex: VxeColumnPropTypes.Formatter = ({ cellValue }) => {
			const item = sexList.find((item) => item.value === cellValue);
			return item ? item.label : '';
		};

		const clearDataEvent: VxeButtonEvents.Click = () => {
			demo1.tableData1 = [];
		};

		const exportDataEvent = () => {
			const $table = xTable.value;
			$table.openExport({ types: ['csv'] });
		};

		const importDataEvent: VxeButtonEvents.Click = () => {
			const $table = xTable.value;
			$table.importData();
		};

		return {
			xTable,
			yTable,
			demo1,
			demo2,
			insertEvent,
			formatterSex,
			clearDataEvent,
			exportDataEvent,
			importDataEvent,
			removeEvent,
			removeEvent1,
			nextEvent,
		};
	},
	data() {
		return {
			// 步骤
			active: 0,
			// 已选步骤
			stepSuc: [0],
			tableData: [
				{
					id: '1',
					name: '王小虎',
					age: '28',
					job: '程序员',
					con1: '陈旭',
					company1: '公司A',
					conjob1: '人事经理',
					conphone1: '178165*****',
					con2: '郭正',
					company2: '公司A',
					conjob2: '人事经理',
					conphone2: '178165*****',
					startdate1: '2016年8月',
					enddate1: '2018年9月',
					startdate2: '2018年10月',
					enddate2: '2020年12月',
					job1: '程序员',
					job2: '程序员',
					perform1: '表现出色',
					perform2: '表现出色',
					leave1: '正常离职',
					leave2: '正常离职',
					person1: '耐心、友善、尽责',
					person2: '热情、负责',
					relation1: '非常融洽',
					relation2: '融洽',
					bad1: '无',
					bad2: '无',
					believe: '非常好',
					one: '一般',
					work: '好',
					attitude: '非常好',
					result: '好',
					sign: '某某某',
					date: '2021年3月10日',
					desc:
						'第一位调查人提供的信息是对王先生的高度认可，但是基于该公司的国内品牌意识较弱，在信息技术领域的层面和认识高度不算是很高;所以我们又调查了另一公司人事经理，他是公司老板的朋友也是股东，他也是在该公司作了5年，男装部门一直不能很好的运作，主要原因是对国内的市场情况不了解，而且公司原身也是做外贸的所以在商品配送环节做得很欠缺。日本人的联系方式式是我们没有通过某先生拿到的，在某先生不得知的情况下作的调查;第二位调查人是前公司的平级部门的经理。他对公司的问题以及某先生的去留作了简短的概括。并且告知如有需要可以提供此公司其他人员的联系方式可供备案调查。综上所述，候选人的诚信和专业度的到了各企业的认可，在背景调查过程中也发现了候选人的一些性格特征和之前工作中的表现评价，特供用人企业参考!',
				},
				{
					id: '2',
					name: '赵润物',
					age: '22',
					job: '程序员',
					con1: '常韦',
					company1: '公司A',
					conjob1: '人事经理',
					conphone1: '178165*****',
					con2: '段意',
					company2: '公司A',
					conjob2: '人事经理',
					conphone2: '178165*****',
					startdate1: '2016年8月',
					enddate1: '2018年9月',
					startdate2: '2018年10月',
					enddate2: '2020年12月',
					job1: '程序员',
					job2: '程序员',
					perform1: '表现出色',
					perform2: '表现出色',
					leave1: '正常离职',
					leave2: '正常离职',
					person1: '耐心、友善、尽责',
					person2: '热情、负责',
					relation1: '非常融洽',
					relation2: '融洽',
					bad1: '无',
					bad2: '无',
					believe: '非常好',
					one: '一般',
					work: '好',
					attitude: '非常好',
					result: '好',
					sign: '某某某',
					date: '2021年3月10日',
					desc:
						'第一位调查人提供的信息是对赵先生的高度认可，但是基于该公司的国内品牌意识较弱，在信息技术领域的层面和认识高度不算是很高;所以我们又调查了另一公司人事经理，他是公司老板的朋友也是股东，他也是在该公司作了5年，男装部门一直不能很好的运作，主要原因是对国内的市场情况不了解，而且公司原身也是做外贸的所以在商品配送环节做得很欠缺。日本人的联系方式式是我们没有通过某先生拿到的，在某先生不得知的情况下作的调查;第二位调查人是前公司的平级部门的经理。他对公司的问题以及某先生的去留作了简短的概括。并且告知如有需要可以提供此公司其他人员的联系方式可供备案调查。综上所述，候选人的诚信和专业度的到了各企业的认可，在背景调查过程中也发现了候选人的一些性格特征和之前工作中的表现评价，特供用人企业参考!',
				},
				{
					id: '3',
					name: '陈守良',
					age: '32',
					job: '产品经理',
					con1: '陈熠',
					company1: '公司A',
					conjob1: '人事经理',
					conphone1: '178165*****',
					con2: '杨树',
					company2: '公司A',
					conjob2: '人事经理',
					conphone2: '178165*****',
					startdate1: '2016年8月',
					enddate1: '2018年9月',
					startdate2: '2018年10月',
					enddate2: '2020年12月',
					job1: '项目组长',
					job2: '程序员',
					perform1: '表现出色',
					perform2: '表现出色',
					leave1: '正常离职',
					leave2: '正常离职',
					person1: '耐心、友善、尽责',
					person2: '热情、负责',
					relation1: '非常融洽',
					relation2: '融洽',
					bad1: '无',
					bad2: '无',
					believe: '非常好',
					one: '一般',
					work: '好',
					attitude: '非常好',
					result: '好',
					sign: '某某某',
					date: '2021年3月10日',
					desc:
						'第一位调查人提供的信息是对陈女士的高度认可，但是基于该公司的国内品牌意识较弱，在信息技术领域的层面和认识高度不算是很高;所以我们又调查了另一公司人事经理，他是公司老板的朋友也是股东，他也是在该公司作了5年，男装部门一直不能很好的运作，主要原因是对国内的市场情况不了解，而且公司原身也是做外贸的所以在商品配送环节做得很欠缺。日本人的联系方式式是我们没有通过某先生拿到的，在某先生不得知的情况下作的调查;第二位调查人是前公司的平级部门的经理。他对公司的问题以及某先生的去留作了简短的概括。并且告知如有需要可以提供此公司其他人员的联系方式可供备案调查。综上所述，候选人的诚信和专业度的到了各企业的认可，在背景调查过程中也发现了候选人的一些性格特征和之前工作中的表现评价，特供用人企业参考!',
				},
				{
					id: '4',
					name: '吴忠生',
					age: '23',
					job: '程序员',
					con1: '陈旭',
					company1: '公司A',
					conjob1: '人事经理',
					conphone1: '178165*****',
					con2: '陈旭',
					company2: '公司A',
					conjob2: '人事经理',
					conphone2: '178165*****',
					startdate1: '2016年8月',
					enddate1: '2018年9月',
					startdate2: '2018年10月',
					enddate2: '2020年12月',
					job1: '程序员',
					job2: '程序员',
					perform1: '表现出色',
					perform2: '表现出色',
					leave1: '正常离职',
					leave2: '正常离职',
					person1: '耐心、友善、尽责',
					person2: '热情、负责',
					relation1: '非常融洽',
					relation2: '融洽',
					bad1: '无',
					bad2: '无',
					believe: '非常好',
					one: '一般',
					work: '好',
					attitude: '非常好',
					result: '好',
					sign: '某某某',
					date: '2021年3月10日',
					desc:
						'第一位调查人提供的信息是对吴先生的高度认可，但是基于该公司的国内品牌意识较弱，在信息技术领域的层面和认识高度不算是很高;所以我们又调查了另一公司人事经理，他是公司老板的朋友也是股东，他也是在该公司作了5年，男装部门一直不能很好的运作，主要原因是对国内的市场情况不了解，而且公司原身也是做外贸的所以在商品配送环节做得很欠缺。日本人的联系方式式是我们没有通过某先生拿到的，在某先生不得知的情况下作的调查;第二位调查人是前公司的平级部门的经理。他对公司的问题以及某先生的去留作了简短的概括。并且告知如有需要可以提供此公司其他人员的联系方式可供备案调查。综上所述，候选人的诚信和专业度的到了各企业的认可，在背景调查过程中也发现了候选人的一些性格特征和之前工作中的表现评价，特供用人企业参考!',
				},
				{
					id: '5',
					name: '钱美玉',
					age: '30',
					job: '会计',
					con1: '陈旭',
					company1: '公司A',
					conjob1: '人事经理',
					conphone1: '178165*****',
					con2: '陈旭',
					company2: '公司A',
					conjob2: '人事经理',
					conphone2: '178165*****',
					startdate1: '2016年8月',
					enddate1: '2018年9月',
					startdate2: '2018年10月',
					enddate2: '2020年12月',
					job1: '会计',
					job2: '会计',
					perform1: '表现出色',
					perform2: '表现出色',
					leave1: '正常离职',
					leave2: '正常离职',
					person1: '耐心、友善、尽责',
					person2: '热情、负责',
					relation1: '非常融洽',
					relation2: '融洽',
					bad1: '无',
					bad2: '无',
					believe: '非常好',
					one: '一般',
					work: '好',
					attitude: '非常好',
					result: '好',
					sign: '某某某',
					date: '2021年3月10日',
					desc:
						'第一位调查人提供的信息是对钱女士的高度认可，但是基于该公司的国内品牌意识较弱，在信息技术领域的层面和认识高度不算是很高;所以我们又调查了另一公司人事经理，他是公司老板的朋友也是股东，他也是在该公司作了5年，男装部门一直不能很好的运作，主要原因是对国内的市场情况不了解，而且公司原身也是做外贸的所以在商品配送环节做得很欠缺。日本人的联系方式式是我们没有通过某先生拿到的，在某先生不得知的情况下作的调查;第二位调查人是前公司的平级部门的经理。他对公司的问题以及某先生的去留作了简短的概括。并且告知如有需要可以提供此公司其他人员的联系方式可供备案调查。综上所述，候选人的诚信和专业度的到了各企业的认可，在背景调查过程中也发现了候选人的一些性格特征和之前工作中的表现评价，特供用人企业参考!',
				},
				{
					id: '6',
					name: '刘湘',
					age: '25',
					job: '广告策划',
					con1: '陈旭',
					company1: '公司A',
					conjob1: '人事经理',
					conphone1: '178165*****',
					con2: '陈旭',
					company2: '公司A',
					conjob2: '人事经理',
					conphone2: '178165*****',
					startdate1: '2016年8月',
					enddate1: '2018年9月',
					startdate2: '2018年10月',
					enddate2: '2020年12月',
					job1: '广告策划',
					job2: '广告策划',
					perform1: '表现出色',
					perform2: '表现出色',
					leave1: '正常离职',
					leave2: '正常离职',
					person1: '耐心、友善、尽责',
					person2: '热情、负责',
					relation1: '非常融洽',
					relation2: '融洽',
					bad1: '无',
					bad2: '无',
					believe: '非常好',
					one: '一般',
					work: '好',
					attitude: '非常好',
					result: '好',
					sign: '某某某',
					date: '2021年3月10日',
					desc:
						'第一位调查人提供的信息是对刘女士的高度认可，但是基于该公司的国内品牌意识较弱，在信息技术领域的层面和认识高度不算是很高;所以我们又调查了另一公司人事经理，他是公司老板的朋友也是股东，他也是在该公司作了5年，男装部门一直不能很好的运作，主要原因是对国内的市场情况不了解，而且公司原身也是做外贸的所以在商品配送环节做得很欠缺。日本人的联系方式式是我们没有通过某先生拿到的，在某先生不得知的情况下作的调查;第二位调查人是前公司的平级部门的经理。他对公司的问题以及某先生的去留作了简短的概括。并且告知如有需要可以提供此公司其他人员的联系方式可供备案调查。综上所述，候选人的诚信和专业度的到了各企业的认可，在背景调查过程中也发现了候选人的一些性格特征和之前工作中的表现评价，特供用人企业参考!',
				},
				{
					id: '7',
					name: '李子仪',
					age: '29',
					job: '程序员',
					con1: '陈旭',
					company1: '公司A',
					conjob1: '人事经理',
					conphone1: '178165*****',
					con2: '陈旭',
					company2: '公司A',
					conjob2: '人事经理',
					conphone2: '178165*****',
					startdate1: '2016年8月',
					enddate1: '2018年9月',
					startdate2: '2018年10月',
					enddate2: '2020年12月',
					job1: '程序员',
					job2: '程序员',
					perform1: '表现出色',
					perform2: '表现出色',
					leave1: '正常离职',
					leave2: '正常离职',
					person1: '耐心、友善、尽责',
					person2: '热情、负责',
					relation1: '非常融洽',
					relation2: '融洽',
					bad1: '无',
					bad2: '无',
					believe: '非常好',
					one: '一般',
					work: '好',
					attitude: '非常好',
					result: '好',
					sign: '某某某',
					date: '2021年3月10日',
					desc:
						'第一位调查人提供的信息是对李女士的高度认可，但是基于该公司的国内品牌意识较弱，在信息技术领域的层面和认识高度不算是很高;所以我们又调查了另一公司人事经理，他是公司老板的朋友也是股东，他也是在该公司作了5年，男装部门一直不能很好的运作，主要原因是对国内的市场情况不了解，而且公司原身也是做外贸的所以在商品配送环节做得很欠缺。日本人的联系方式式是我们没有通过某先生拿到的，在某先生不得知的情况下作的调查;第二位调查人是前公司的平级部门的经理。他对公司的问题以及某先生的去留作了简短的概括。并且告知如有需要可以提供此公司其他人员的联系方式可供备案调查。综上所述，候选人的诚信和专业度的到了各企业的认可，在背景调查过程中也发现了候选人的一些性格特征和之前工作中的表现评价，特供用人企业参考!',
				},
			],
			multipleSelection: [],
		};
	},
	methods: {
		deleteRow(index, rows) {
			rows.splice(index, 1);
		},
		toggleSelection(rows) {
			if (rows) {
				rows.forEach((row) => {
					this.$refs.multipleTable.toggleRowSelection(row);
				});
			} else {
				this.$refs.multipleTable.clearSelection();
			}
		},
		handleSelectionChange(val) {
			this.multipleSelection = val;
		},
		// 点击步骤条
		handleStep(val) {
			if (this.stepSuc.includes(val) === true) {
				this.active = val;
			}
		},
		open() {
      this.$alert('是否进行背调...', '提示', {
        confirmButtonText: '确定',
        callback: action => {
          const loading = this.$loading({
            lock: true,
            text: '请稍等...',
            spinner: 'el-icon-loading',
            background: 'rgba(0, 0, 0, 0.7)'
          });
          setTimeout(() => {
            loading.close();
            this.stepSuc.push(++this.active);
          }, 2000);
        }
      });
    },
		// 组件点击上一步
		handleLastStep() {
			if (--this.active === 0) {
				this.active = 0;
			}
		},
		// 组件点击下一步
		handleNextStep() {
			if (this.active === 2) {
				this.active = 2;
			} else this.stepSuc.push(++this.active);
		},
		indexMethod(index) {
			return index + 1;
		},
	},
	computed: {
		// 动态给步骤加样式
		stepClassObj(val) {
			return (val) => {
				return {
					stepSuc: this.stepSuc.includes(val),
					stepErr: !this.stepSuc.includes(val),
				};
			};
		},
	},
};
</script>
<style lang="scss">
.stepSuc :hover {
	cursor: pointer;
}
.stepErr :hover {
	cursor: not-allowed;
}
.demo-table-expand {
	font-size: 0;
}
.reprot label {
	width: 130px;
	color: #99a9bf;
}
.reprot .el-form-item {
	margin-right: 0;
	margin-bottom: 0;
	width: 50%;
}
</style>
